
//导入根据主色生成值表的方法
import {generateColors} from '@/utils/theme'
//导入读取本地存储的方法
import { getItem } from '@/utils/storage'
import { MAIN_COLOR } from '@/constant/index'

//vue的计算属性

//快捷访问

const getters = {
  token: state => state.user.token,
  hasUserInfo: state => {
    /** 
     *  @return true 表示有用户信息
     */
    return JSON.stringify(state.user.userInfo) !== '{}'
  },
  userInfo: state => state.user.userInfo,
  //用于后面做主题切换使用
  cssVar: state => ({
    ...state.theme.variables,
    //读取我们本地存储中保存的色值 在通过generateColors生成值表
    ...generateColors(getItem(MAIN_COLOR))
  }),
  //控制菜单收缩展开
  sidebarOpend:state => state.app.sidebarOpend,
  //国际化
  language:state => state.app.language,
  //主题色
  mainColor:state => state.theme.mainColor,
  //tags
  tagsViewList:state=>state.app.tagsViewList
}

export default getters